

//获取
var btn = document.querySelector('button')
var scoreDiv = document.querySelector('.box')
//随机数
function random(min, max) {
    return Math.floor(Math.random() * (max - min + 1) + min)
}

//非行内样式
function getStyle(tagObj, cssAttr) {
    if (window.getComputedStyle) {
        return getComputedStyle(tagObj)[cssAttr]
    } else {
        return tagObj.currentStyle[cssAttr]
    }
}
//血条加血逻辑
function fn(down) {
    var blood = document.querySelector('.xuetiao .blood')
    var bloodWidth = parseInt(getStyle(blood, 'width'))
    //血条宽度大于div的宽度就不在增加
    if (bloodWidth >= 100) {
        return null
    }
    bloodWidth += down
    blood.style.width = bloodWidth + 'px'
}
function html() {
    //血条定时器
    setInterval(function () {
        var blood = document.querySelector('.xuetiao .blood')
        var bloodWidth = parseInt(getStyle(blood, 'width'))
        bloodWidth -= 2
        ///血条宽度小于0的宽度就game over
        if (bloodWidth <= 0) {
            document.querySelector('.box').style.display = 'block'
        }
        blood.style.width = bloodWidth + 'px'
    }, 100)
    // 1 获取网页绑定点击事件
    document.onclick = function (evt) {
        // 2 事件处理函数中 - 获取事件对象
        var e = evt || window.event
        // 3 事件处理函数中 - 获取操作的标签
        var target = e.target || e.srcElement
        // 4 事件处理函数中 - 判断是不是星星，不是就不管，是就移出
        if (target.nodeName === 'IMG') {
            fn(+2)
            // 父.removeChild(子)
            // document.removeChild(target)
            document.body.removeChild(target)
        }
    }
    /* 游戏结束效果显示 */
    document.querySelector('.box button:nth-of-type(1)').onclick = function () {
        location.reload()
    }
    document.querySelector('.box button:nth-of-type(2)').onclick = function () {
        window.close()

    }
    // 1写定时器 
    setInterval(function () {
        // 2造img
        var imgObj = document.createElement('img')
        imgObj.src = './img/hema.webp'
        // 3定时器周边样式
        // imgObj.width = random(50,60)
        // imgObj.height = random(50,60)
        var w = random(50, 60)
        imgObj.width = w
        imgObj.height = w
        imgObj.style.position = 'absolute'

        var maxW = (window.innerWidth || document.documentElement.clientWidth) - w
        var maxH = (window.innerHeight || document.documentElement.clientHeight) - w
        var l = random(0, maxW)
        var t = random(0, maxH)
        imgObj.style.left = l + 'px'
        imgObj.style.top = t + 'px'
        // 4追加页面
        document.body.appendChild(imgObj)

    }, 1000)
}


